Skip to content

[6.x] Chips 🍟 #14766

Merged
jasonvarga merged 34 commits into
6.xfrom
chips
Jun 12, 2026
Merged

[6.x] Chips 🍟 #14766
jasonvarga merged 34 commits into
6.xfrom
chips

Conversation

@jaygeorge

Copy link
Copy Markdown
Contributor

Description of the Problem

Radio buttons and checkboxes are good defaults, but sometimes a different UI presentation can help users.

"Chips" have become popular in UI patterns. Here's an article https://readmedium.com/why-chips-should-replace-checkboxes-and-radio-buttons-52f909a5b8f3.

Chips could be useful when you want larger touch targets, a horizontal layout, or maybe just some variation in your blueprint.

We already have "Appearance" options for certain fields:

2026-06-02 at 17 36 18@2x

What this PR Does

  • Adds "Chips" as an option for radios/checkboxes
  • Adds a preview of the different appearance options
  • Improves dark appearance of default radio buttons

New Options

Radios

2026-06-02 at 18 29 45@2x

Checkboxes

2026-06-02 at 18 27 16@2x

Chips on the Publish Forms

And here's what they look like on a publish form

2026-06-02 at 18 31 48@2x 2026-06-02 at 18 32 35@2x

How to Reproduce

  1. Add a radio or a checkbox field type
  2. In the field options scroll down to the "Appearance" section

@ebeauchamps

Copy link
Copy Markdown
Contributor

Man, how are we going to translate that option? :-)

@jaygeorge

Copy link
Copy Markdown
Contributor Author

"Chips" is just what Google calls them in their Material Design guidelines https://m3.material.io/components/chips/ – think like a "poker chip", but they're called "Badges" or "Pills" or "Tokens" elsewhere, if that helps?

jasonvarga and others added 9 commits June 11, 2026 11:59
…type

Keeps the generic button_group fieldtype clean by moving the radio/checkbox
appearance preview UI into its own control_appearance fieldtype.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
jasonvarga and others added 6 commits June 12, 2026 13:02
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
A `default` appearance value no longer masks a legacy `inline: true` field.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Adds a migrateConfig hook on fieldtypes so editing/saving a radio or
checkboxes field resolves the legacy inline key to appearance and drops it.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@jasonvarga jasonvarga enabled auto-merge (squash) June 12, 2026 18:06
@jasonvarga jasonvarga merged commit 5007262 into 6.x Jun 12, 2026
18 checks passed
@jasonvarga jasonvarga deleted the chips branch June 12, 2026 18:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants